<template>
  <view class="page-default">
    <c-nav-bar title="新生入学须知" type="white" bg-color="rgba(255,255,255,0.6)" />
    <view>
      <view class="flex items-center justify-center">
        <image class="mt-6 h-20 w-80" src="/static/images/welcome/title1.png" mode="aspectFit" />
      </view>

      <view class="flex">
        <view class="bg-tips text-sx flex items-center px-6">
          请仔细阅读并按要求携带所需物品！
        </view>
        <view class="relative h-full w-full">
          <image
            src="/static/images/welcome/book.png" mode="aspectFit"
            class="z-index absolute right-6 top-4 h-32 w-32"
          />
        </view>
      </view>

      <!-- content -->

      <view class="content">
        <view class="white-gradient-time relative mx-4 mt-6 rounded-4 bg-white px-4 py-1">
          <view class="absolute left-6 -top-4">
            <text class="title-name rounded-r-8 text-lg font-bold">
              报到时间
            </text>
            <view class="title-line mt-1 rounded-2" />
          </view>
          <view class="my-6">
            <view class="bg-gradient-time flex items-center rounded-48 p-3">
              <image src="/static/images/welcome/calendar.png" mode="aspectFit" class="h-4 w-4" />
              <text class="pl-2">
                2025年9月1日 上午9:00整
              </text>
            </view>
          </view>
        </view>

        <view class="relative mx-4 mt-10 rounded-4 bg-white px-4 py-1">
          <view class="absolute left-6 -top-4">
            <text class="title-name rounded-r-8 text-lg font-bold">
              报到地点
            </text>
            <view class="title-line mt-1 rounded-2" />
          </view>

          <view class="my-10">
            <view class="flex items-center">
              <image src="/static/images/welcome/location.png" mode="aspectFit" class="h-6 w-6" />
              <text class="pl-2">
                西安市长安区韦曲西四府甲字3号
              </text>
              <image src="/static/images/welcome/location1.png" mode="aspectFit" class="h-4 w-4" />
            </view>
            <view class="py-6">
              <u-line dashed />
            </view>
            <view class="flex items-center">
              <image src="/static/images/welcome/car.png" mode="aspectFit" class="h-6 w-6" />
              <text class="pl-2">
                乘车路线
              </text>
            </view>
            <view class="bg-pathline mt-8 rounded-2 p-3 line-height-8">
              乘地铁2号线至韦曲南站B口转729或754公
              交至西安旅游职专下车。<br>
              在西寨十字乘735或741公交至西安旅游职专下车。
            </view>
          </view>
        </view>

        <view class="relative mx-4 mt-10 rounded-4 bg-white px-4 py-1">
          <view class="absolute left-6 -top-4">
            <text class="title-name rounded-r-8 text-lg font-bold">
              携带物品
            </text>
            <view class="title-line mt-1 rounded-2" />
          </view>
          <view class="my-10 line-height-8">
            <view class="mb-4">
              1、户口本复印件：户口本首页（体现户籍性质有盖章）、和学生本人页复印到同一张A4纸上，一式五份；户主页、父母户口本或身份证复印件一份。
            </view>
            <view class="mb-4">
              2、学生本人正式身份证原件及身份证复印件：将身份证正反面复印至一张 A4 纸上，一式五份（请务必在开学前办理好正式身份证）。
            </view>
            <view class="mb-4">
              3、照片：1寸、2寸彩照各准备两版(蓝底)。 A4 纸上，一式五份（请务必在开学前办理好正式身份证）。
            </view>
            <view class="mb-4">
              4、已缴纳的各种费用票据及正式录取通知书。 A4 纸上，一式五份（请务必在开学前办理好正式身份证）。
            </view>
            <view class="mb-4">
              5、团员需携带本人的团组织关系。 A4 纸上，一式五份（请务必在开学前办理好正式身份证）。
            </view>
            <view class="mb-4">
              6、请自备衣物及洗漱用品等，床铺尺寸90cm*190cm；锁一把(用于公寓内柜子)。 A4 纸上，一式五份（请务必在开学前办理好正式身份证）。
            </view>
            <view class="mb-4">
              7、入校时请按照要求整理自己的仪容仪表，男生不得留长发，女生不得染发及烫发，不得穿奇装异服。
            </view>
            <view class="mb-4">
              8、因开学进行国防教育，新生需带一套舒适运动衣、一双宽松运动鞋及大容量水杯。
            </view>
            <view>
              9、进校园要遵守交通指挥，学生进校后不能离校，开始封闭式管理，将生活用品一次性带够。
            </view>
          </view>
        </view>
      </view>
    </view>

    <view class="mx-8 mb-2 pb-6">
      <u-button size="default" shape="circle" class="gradient-button mb-8 mt-8" @click="goNextPage">
        <text class="text-lg text-white">
          致家长的一封信
        </text>
      </u-button>
    </view>
  </view>
</template>

<script lang="ts" setup>
import { reactive, ref } from 'vue';

const goNextPage = () => {
  uni.redirectTo({
    url: '/pages/biz/welcome/letter',
  });
};
</script>

<style lang="scss" scoped>
:deep(uni-page-body) {
  background-color: #f5f9fc !important;
}

.page-default {
  width: 100%;
  min-height: 100vh;
  background: url('@/static/images/welcome/bg.png') no-repeat center top fixed;
  background-size: 100% 100%;

}

.bg-gradient {
  background: linear-gradient(to bottom, #E7F6EA, #F5F9FC);
}

.bg-tips {
  width: 100%;
  height: 200rpx;
  background: url('@/static/images/welcome/tips-bg.png') no-repeat;
  background-size: 100% 100%;
  color:#3AA69B;
}

.bg-gradient-time {
  background: linear-gradient(to right, #E7F6EA, transparent);
}
.bg-pathline{
  background: linear-gradient(to bottom, #E7F6EA, transparent);
}
.white-gradient-time{
  background: rgba(255,255,255,0.9);
}
.title-line{
  background: #00E0AE;
  height: 12rpx;
}
.title-name{
  color:#1A2B5C;
}
</style>
